@charset "utf-8";
*{box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin:0; padding:0; }
html{font-family: "微信雅黑","Arial","Helvetica Neue",Helvetica,STHeiTi,arial,sans-serif; -webkit-font-smoothing: antialiased; }
body{width: 100%; height: auto; min-width: 1240px; overflow: auto;padding-bottom: 36px;}
ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:400; color:#000;}
h1{font-size: 22px;}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size: 12px;}
a{text-decoration:none; color:#000;}
a img{ border: none; }
img{border:0; vertical-align:bottom; width: 100%; height: 100%;}
input{outline: none;}
i{display: inline-block; vertical-align: middle; font-style: normal;}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background-color:#e2e2e2}
::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(0,0,0,.3)}
::-webkit-scrollbar-thumb:vertical:hover{background-color:rgba(0,0,0,.35)}
::-webkit-scrollbar-thumb:vertical:active{background-color:rgba(0,0,0,.38)}
.flex{display: flex;display: -webkit-flex;}
.relative{position: relative;}
.absolute{position: absolute;}
.none{display: none;}
.block{display: block;opacity: 0;}

/*header*/
header{width: 100%; height: 40px; background: #3b3b3b;}
header .content{width: 1240px; margin: 0 auto; line-height: 40px; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:space-between; justify-content:space-between;}
header .content *{color: #fff; font-size: 12px;}
header .content div a:hover{opacity: .9;}
header .content div i{background: url(http://image.shj.cn:8888/static/pcweb/images/icon.png); background-position: 0 0; width: 10px; height: 15px;}
header .content ul li{padding: 0 10px; float: left; border-left: 1px solid #848484; height: 14px; line-height: 14px; margin-top: 13px;}
header .content ul a:first-child li{border: none;}
header .content ul li:hover{color: rgba(255,255,255,.9);text-decoration:underline;}

/*nav*/
nav{width: 100%; height: 85px; z-index: 199302; position: relative;  transition: color .5s; -moz-transition: color .5s; -webkit-transition: color .5s; -o-transition: color .5s;box-shadow: 0 6px 5px rgba(000,000,000,0.1);}
nav.active{position: fixed; top: 0; background: rgba(255,255,255,1);}
nav.active::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; filter: blur(0px); -webkit-filter: blur(0px); }
nav div{width: 1240px; height: inherit; margin: 0 auto; line-height: 85px;justify-content: space-between;}
nav div>*{float: left;}
nav div i{position: relative;}
nav div i>img{vertical-align: middle;width: 139px;height: 40px;}
nav div i>span{color: #5a5a5a;  font-size: 14px; width: 120px;height: 30px;text-align: center;line-height: 30px;background-color: #f08200;color: #fff;display: inline-block;border-radius: 15px;cursor: pointer;}
nav div ul{margin: 0 20px 0 100px; height: inherit; line-height: 85px;}
nav div ul li{width: 99px;  font-size: 15px; float: left;}
nav div ul li a{display: block; text-align: center; }
nav div ul li:hover>a{color: #f08200;}
nav div ul li dl{height: 0; overflow: hidden; transition: height .5s; -moz-transition: height .5s; -webkit-transition: height .5s; -o-transition: height .5s; position: relative; }
nav div ul li dl dd{height: 50px; background: #fff; line-height: 50px;border-top: 1px solid #f2f2f2;}
nav div ul li dl dd a{color: #000;}
nav div ul li dl dd:hover>a{color: #f08200;}

/*index-banner*/
.index-banner{width: 100%; height: 610px; overflow: hidden; background: #000; position: relative;}
.index-banner .swiper-container {width: 100%; height: 610px;}
.index-swiper-banner{width: 60px; height: 90px; overflow: hidden; z-index: 2; background: rgba(000,000,000,0.7);}
.index-banner .swiper-button-prev{ left:350px;background-image: url(../img/bannerleft.png);background-position: center;background-repeat: no-repeat;}	
.index-banner .swiper-button-next{ right:350px;background-image: url(../img/bannerright.png);background-position: center;background-repeat: no-repeat;}
.index-banner .index-swiper-banner:hover{background-color: rgba(000,000,000,1);}
.index-banner .swiper-slide{background-size: auto 100%; background-position: top center; background-repeat: no-repeat;background-size: cover;}	
.index-banner .swiper-slide a{display: block;width: 100%;height: 100%}
.index-banner .swiper-pagination-bullet{width: 30px; height: 4px; background: #fff; border-radius: 0;}
.index-banner .banner-info{position: absolute; bottom: 50px; left: calc(50% - 390px); background: rgba(0,0,0,.4); z-index: 3; padding: 10px 20px 15px;}
.index-banner .banner-info h5{color: #fff; margin-bottom: 5px;}
.index-banner .banner-info input{height: 40px; border: none; margin-right: 20px; width: 180px;}
.index-banner .banner-info input:last-child{margin-right: 0;}
.index-banner .banner-info .info{text-indent: 10px;}
.index-banner .banner-info .info:nth-child(2){width: 340px;}
.index-banner .banner-info input[type='button']{background: #f08200; color: #fff; vertical-align: bottom; cursor: pointer;}

/*index-four-box*/
.index-four-box{width: 100%;height: 215px;background-color: #f9f9f9;}
.index-four-box>div{width: 1240px;height: 100%;margin: 0 auto;justify-content: space-between;align-items: center;}		
.index-four-box>div>a{width: 232px;height: 135px;flex-direction: column;justify-content: center;background-color: #fff;cursor: pointer;background-position: left;background-position-x: 25px;background-repeat: no-repeat;margin-top: 0;transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}
.index-four-box>div>a h3{font-size: 24px;color: #3b3b3b;padding-left: 85px;}
.index-four-box>div>a p{font-size: 12px;color: #3b3b3b;padding-left: 85px;margin-top: 9px;}
.index-four-box>div>a:hover h3,.index-four-box>div>a:hover p{color: #f08200;}
.index-four-box>div>a:hover{margin-top: -8px;box-shadow: 0 5px 10px #d2d0d0;}
.index-four-box>div>a:nth-child(1){background-image: url(../img/icon1.png);}
.index-four-box>div>a:nth-child(2){background-image: url(../img/icon2.png);}
.index-four-box>div>a:nth-child(3){background-image: url(../img/icon3.png);}
.index-four-box>div>a:nth-child(4){background-image: url(../img/icon4.png);}
.index-four-box>div>a:nth-child(5){background-image: url(../img/icon5.png);}

/*精选家装案例*/
.index-jpcases{width: 100%;height: auto;}
.index-jpcases .head{width: 1240px;height: auto;margin: 60px auto 0;}
.index-jpcases .head h2{font-size: 40px;color: #000;text-align: center;}
.index-jpcases .head h5{font-size: 14px;color: #3b3b3b;text-align: center;margin-top: 10px;}
.index-jpcases .index-jpcases-nav{width: 100%; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:center; justify-content:center; margin-top: 43px;}
.index-jpcases .index-jpcases-nav a{padding: 0 16px; font-size: 14px; color: #9fa19f; }
.index-jpcases .index-jpcases-nav a:hover{color: #f08200;}
.index-jpcases .index-jpcases-nav span{font-size: 16px; color: #9fa19f; line-height: 22px;}
.index-jpcases .index-case-banner{width: 100%;height: auto;margin-top: 40px;}
.index-jpcases .index-case-banner .case-banner-top{width: 100%;height: 570px;overflow: hidden;}
.index-jpcases .index-case-banner .case-banner-top .swiper-slide{background-position: top center;background-repeat: no-repeat;background-size: cover;}
.index-jpcases .index-case-banner .case-banner-top img{width: 100%;height: auto;}
.index-jpcases .index-case-banner .case-banner-bottom{width: 100%;height: auto;margin-top: 26px;overflow: hidden;}
.index-jpcases .index-case-banner .case-banner-bottom .swiper-slide{width: 348px;height: 180px;padding-right: 20px;}
.index-jpcases .index-case-banner .case-banner-bottom .swiper-slide>div{width: 100%;height: 100%;background-position: top center;background-size: cover;background-repeat: no-repeat;}
.index-jpcases .swiper-case-msg{width: 678px;height: auto;flex-direction: column;left: 50%;margin-left: -339px;bottom: 0;z-index: 999;}
.index-jpcases .swiper-case-msg .swiper-case-msg-top{width: 100%;height: 315px;border: 8px solid #fff;}
.index-jpcases .swiper-case-msg .swiper-case-msg-bottom{width: 100%;height: 265px;margin: 0 auto;background-color: #fff;box-shadow: 0 5px 6px #d2d0d0}
.index-jpcases .swiper-case-msg .swiper-case-msg-bottom .swiper-container{width: 487px;height: 265px;background-color: #fff;}
.index-jpcases .swiper-case-msg .swiper-container h3{font-size: 30px;font-weight: bold;color: #000;margin-top: 21px;}
.index-jpcases .swiper-case-msg .swiper-container h5{height: 76px;font-size: 14px;color: #3b3b3b;margin-top: 46px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.index-jpcases .swiper-case-msg .swiper-container .swiper-slide>div{font-size: 14px;color: #3b3b3b;margin-top: 30px;justify-content: space-between;align-items: center;}
.index-jpcases .swiper-case-msg .swiper-container .swiper-slide>div p span{margin-right: 20px;}
.index-jpcases .swiper-case-msg .swiper-container .swiper-slide>div a{padding: 8px 22px;background-color: #5e5e5e;color: #fff;}
.index-jpcases .swiper-case-msg .swiper-container .swiper-slide>div a:hover{background-color: #f08200;}
.index-jpcases .index-jpcases-button{width: 100%;height: 165px;justify-content: center;align-items: center;}
.index-jpcases .index-jpcases-button a{width: 260px;height: 45px;font-size: 14px;background-color: #323232;color: #fff;text-align: center;line-height: 45px;margin-left: 10px;}
.index-jpcases .index-jpcases-button a:nth-child(2){background: url(../img/js1.png) no-repeat left;background-color: #f08200;background-size: 19px;background-position-x: 30px;padding-left: 40px;}
.index-jpcases .swiper-msg-prev{width: 54px;height: 54px;border-radius: 28px;background-color: #cbcbcb;background-image: url(../img/caseleft.png);background-position: center;background-repeat: no-repeat;background-size: 22px 18px;}
.index-jpcases .swiper-msg-next{width: 54px;height: 54px;border-radius: 28px;background-color: #cbcbcb;background-image: url(../img/caseright.png);background-position: center;background-repeat: no-repeat;background-size: 22px 18px;}
.index-jpcases .swiper-msg-prev:hover{background-color: #f08200;}
.index-jpcases .swiper-msg-next:hover{background-color: #f08200;}

/*首页设计师板块*/
.index-sjs{width: 100%;height: auto;background-color: #f9f9f9;padding-top:1px;}
.index-sjs .head{width: 1240px;height: auto;margin: 60px auto 0;}
.index-sjs .head h2{font-size: 40px;color: #000;text-align: center;}
.index-sjs .head h5{font-size: 14px;color: #3b3b3b;text-align: center;margin-top: 10px;}
.index-sjs .swiper-sjs-banner{width: 1240px;margin: 48px auto 0;}
.index-sjs .swiper-sjs-banner .swiper-sjs-button{width: 160px;height: 45px;border-bottom-left-radius: 22.5px;border-top-left-radius: 22.5px;position: absolute;top: 345px;right: 0;z-index: 10;line-height: 45px;padding-left: 60px;font-size: 14px;color: #fff;background: url(../img/js1.png) no-repeat left;background-size: 19px;background-position-x: ;background-color: #f08200;background-position-x: 30px;cursor: pointer;}
.index-sjs .swiper-sjs-banner .swiper-sjs-case{width: 1240px;height: 480px;}
.index-sjs .swiper-sjs-banner .swiper-sjs-case .swiper-slide{background-position: top center;background-repeat: no-repeat;background-size: cover;position: relative;}
.index-sjs .swiper-sjs-banner .swiper-sjs-case .swiper-slide a{display: block;width: 100%;height: 100%}
.index-sjs .swiper-sjs-banner .swiper-sjs-case .swiper-slide p{position: absolute;bottom: 0;left: 0;width: 100%;height: 65px;background: rgba(0,0,0,.6);color: #fff;font-size: 16px;line-height: 65px;text-align: center;}
.index-sjs .swiper-sjs-banner-bottom{width: 100%;height: 260px;background-color: #323232;padding-top: 1px;}
.index-sjs .swiper-sjs-banner-bottom .swiper-sjs-min{width: 840px;height: 180px;margin:0;margin-top: 40px;margin-left: 305px;}
.index-sjs .swiper-sjs-banner-bottom .swiper-sjs-min .swiper-slide{background-position: top center;background-repeat: no-repeat;background-size: cover;position: relative;width: 210px;height: 180px;}
.index-sjs .swiper-sjs-banner-bottom .swiper-sjs-min .swiper-slide>div{background-position: top center;background-repeat: no-repeat;background-size: cover;position: relative;width: 180px;height: 180px;}
.index-sjs .swiper-sjs-banner-bottom .swiper-gb{position: absolute;top: 41px;left: 276px;width: 210px;height: 180px;background-color: #323232;z-index: 1;}
.index-sjs .swiper-sjs-banner-bottom .swiper-sjs-min-prev{width: 54px;height: 54px;border-radius: 28px;background-color: #cbcbcb;background-image: url(../img/caseleft.png);background-position: center;background-repeat: no-repeat;background-size: 22px 18px;left: 418px;}
.index-sjs .swiper-sjs-banner-bottom .swiper-sjs-min-next{width: 54px;height: 54px;border-radius: 28px;background-color: #cbcbcb;background-image: url(../img/caseright.png);background-position: center;background-repeat: no-repeat;background-size: 22px 18px;right: 34px;}
.index-sjs .swiper-sjs-min-next:hover{background-color: #f08200;}
.index-sjs .swiper-sjs-min-prev:hover{background-color: #f08200;}
.index-sjs .swiper-sjs-now{width: 300px;height: 520px;top: 180px;left: 90px;}
.index-sjs .swiper-sjs-now .img{width: 300px;height: 300px;background-position: top center;background-repeat: no-repeat;background-size: cover;}
.index-sjs .swiper-sjs-now .msg{width: 100%;background-color: #fff;padding: 30px;}
.index-sjs .swiper-sjs-now .msg p{font-size: 12px;color: #000;}
.index-sjs .swiper-sjs-now .msg p:nth-child(1){font-size: 14px;color: #595959;}
.index-sjs .swiper-sjs-now .msg p:nth-child(1) span{font-size: 20px;color: #000;margin-right: 10px;}
.index-sjs .swiper-sjs-now .msg p:nth-child(2){margin-top: 12px;line-height: 22px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index-sjs .swiper-sjs-now .msg p:nth-child(2) span{font-size: 14px;color: #000;margin-right: 15px;}
.index-sjs .swiper-sjs-now .msg p:nth-child(3){margin-top: 12px;}
.index-sjs .swiper-sjs-now .msg p:nth-child(3) span{font-size: 14px;color: #f08200;margin: 0 20px 0 5px;}
.index-sjs .swiper-sjs-now .msg p:nth-child(4){justify-content: space-between;display: flex;display: -webkit-flex;margin-top: 15px;}
.index-sjs .swiper-sjs-now .msg p:nth-child(4) a{display: block;width: 105px;height: 35px;color: #fff;text-align: center;line-height: 35px;background-color: #000;}
.index-sjs .swiper-sjs-now .msg p:nth-child(4) a:nth-child(2){background-color: #5e5e5e;}
.index-sjs .index-sjs-button{padding: 50px 0;justify-content: center;align-items: center;}
.index-sjs .index-sjs-button a{display: block;width: 260px;height: 45px;margin-right: 10px;font-size: 14px;color: #fff;background-color: #000;text-align: center;line-height: 45px;}
.index-sjs .index-sjs-button a:nth-child(2){background-image: url(../img/sj1.png);background-size: 19px;background-repeat: no-repeat;background-color: #f08200;background-position: left;background-position-x: 80px;padding-left: 25px;}

/*热门小区*/
.index-hot-case{width: 100%;height: auto;padding-top:1px;}
.index-hot-case .head{width: 1240px;height: auto;margin: 60px auto 0;}
.index-hot-case .head h2{font-size: 40px;color: #000;text-align: center;}
.index-hot-case .head h5{font-size: 14px;color: #3b3b3b;text-align: center;margin-top: 10px;}
.index-hot-case .index-hot-case-box{width: 1240px;justify-content: space-between;flex-wrap: wrap;margin: 45px auto 0;}
.index-hot-case .index-hot-case-box a{display: block;width: 400px;height: 285px;margin-bottom: 20px;overflow: hidden;position: relative;}
.index-hot-case .index-hot-case-box a img{width: 100%;height: 100%;transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .5s; -o-transition: all .3s;}
.index-hot-case .index-hot-case-box a:hover img{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); }
.index-hot-case .index-hot-case-box a p{position: absolute;width: 360px;height: 50px;bottom: 10px;background-color: rgba(000,000,000,0.6);border-radius: 25px;text-align: center;line-height: 50px;color: #fff;font-size: 16px;left: 20px;display: flex;justify-content: space-around;padding: 0 25px;}
.index-hot-case .index-hot-case-box a div{position: absolute;top: 0;right: 0;width: 68px;height: 68px;background-color: rgba(000,000,000,0.8);font-size: 14px;color: #fff;text-align: center;line-height: 18px;padding-top: 16px;}
.index-hot-case .index-hot-case-box a div span{color: #f08200;}
.index-hot-case .index-hot-case-button{padding: 50px 0;justify-content: center;align-items: center;}
.index-hot-case .index-hot-case-button a{display: block;width: 260px;height: 45px;margin-right: 10px;font-size: 14px;color: #fff;background-color: #000;text-align: center;line-height: 45px;}
.index-hot-case .index-hot-case-button a:nth-child(2){background-image: url(../img/sj1.png);background-size: 19px;background-repeat: no-repeat;background-color: #f08200;background-position: left;background-position-x: 80px;padding-left: 25px;}

/*客户体验*/
.index-kehu{width: 100%;height: auto;padding-top:1px;}
.index-kehu .head{width: 1240px;height: auto;margin: 60px auto 0;}
.index-kehu .head h2{font-size: 40px;color: #000;text-align: center;}
.index-kehu .head h5{font-size: 14px;color: #3b3b3b;text-align: center;margin-top: 10px;}
.index-kehu .index-kehu-banner{width: 1240px;margin: 47px auto 0;height: 230px;}
.index-kehu .index-kehu-banner .swiper-slide{width: 295px;height: 230px;background-repeat: no-repeat;background-position: top center;background-size: cover;}
.index-kehu .index-kehu-banner .swiper-slide a{display: block;width: 100%;height: 100%}
.index-kehu .index-kehu-banner .swiper-button-prev{width: 54px;height: 54px;border-radius: 28px;background-color: rgba(000,000,000,0.7);background-image: url(../img/caseleft.png);background-position: center;background-repeat: no-repeat;background-size: 22px 18px;left: 30px;}
.index-kehu .index-kehu-banner .swiper-button-next{width: 54px;height: 54px;border-radius: 28px;background-color: rgba(000,000,000,0.7);background-image: url(../img/caseright.png);background-position: center;background-repeat: no-repeat;background-size: 22px 18px;right: 30px;}

/*装修咨询*/
.index-case-zhixun{width: 100%;height: auto;padding-top:1px;background-color: #f9f9f9;margin-top: 60px;}
.index-case-zhixun .head{width: 1240px;height: auto;margin: 60px auto 0;}
.index-case-zhixun .head h2{font-size: 40px;color: #000;text-align: center;}
.index-case-zhixun .head h5{font-size: 14px;color: #3b3b3b;text-align: center;margin-top: 10px;}
.index-case-zhixun .index-case-zhixun-box{width: 1240px;margin: 34px auto 0;height: auto;justify-content: space-between;}
.index-case-zhixun .index-case-zhixun-box .index-case-zhixun-box-left{width: 693px;height: auto;}
.index-case-zhixun .index-case-zhixun-box .index-case-zhixun-box-left .case-zhixun-box-left-top{width: 693px;height: 335px;background-color: #000;}
.index-case-zhixun .index-case-zhixun-box .index-case-zhixun-box-left .case-zhixun-box-left-top video{width: 100%;height: 100%;}
.index-case-zhixun .index-case-zhixun-box .index-case-zhixun-box-left  .case-zhixun-box-left-bottom{width: 693px;height: 300px;}
.case-zhixun-box-left-bottom .swiper-pagination-bullet-active{background-color: #fff;}
.case-zhixun-box-left-bottom .swiper-pagination-bullet{background-color: #fff;}
.case-zhixun-box-left-bottom .swiper-button-prev{width: 54px;height: 54px;border-radius: 28px;background-color: rgba(000,000,000,0.7);background-image: url(../img/caseleft.png);background-position: center;background-repeat: no-repeat;background-size: 22px 18px;left: 30px;}
.case-zhixun-box-left-bottom .swiper-button-next{width: 54px;height: 54px;border-radius: 28px;background-color: rgba(000,000,000,0.7);background-image: url(../img/caseright.png);background-position: center;background-repeat: no-repeat;background-size: 22px 18px;right: 30px;}
.index-case-zhixun-box-right{padding: 0 30px;background-color: #fff;width: 100%;}
.index-case-zhixun-box-right .index-case-zhixun-li{display: flex;display: -webkit-flex;justify-content: space-between;border-bottom: 1px dashed #ccc;padding-bottom: 27px;margin-top: 27px;}
.index-case-zhixun-box-right .index-case-zhixun-li:hover .msg h5{color: #f08200}
.index-case-zhixun-box-right .index-case-zhixun-li:last-child{border-bottom: 0;padding-bottom: 0;}
.index-case-zhixun-box-right .index-case-zhixun-li .img{width: 170px;height: 106px;background-position: top center;background-repeat: no-repeat;background-size: 100%;}
.index-case-zhixun-box-right .index-case-zhixun-li .img a{display: block;width: 100%;height: 100%}
.index-case-zhixun-box-right .index-case-zhixun-li .msg{width: 298px;padding-top: 8px;}
.index-case-zhixun-box-right .index-case-zhixun-li .msg h5{font-size: 16px;color: #000;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.index-case-zhixun-box-right .index-case-zhixun-li .msg p{font-size: 14px;color: #ccc;margin-top: 8px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.index-case-zhixun .index-case-zhixun-button{width: 100%;height: 165px;justify-content: center;align-items: center;}
.index-case-zhixun .index-case-zhixun-button a{width: 260px;height: 45px;font-size: 14px;background-color: #323232;color: #fff;text-align: center;line-height: 45px;margin-left: 10px;}
.index-case-zhixun .index-case-zhixun-button a:nth-child(2){background: url(../img/js1.png) no-repeat left;background-color: #f08200;background-size: 19px;background-position-x: 30px;padding-left: 40px;}

/*服务流程*/
.index-server-list{width: 100%;height: auto;padding-top:1px;margin-bottom: 70px;}
.index-server-list .head{width: 1240px;height: auto;margin: 60px auto 0;}
.index-server-list .head h2{font-size: 40px;color: #000;text-align: center;}
.index-server-list .head h5{font-size: 14px;color: #3b3b3b;text-align: center;margin-top: 10px;}
.index-reservation-content{width: 1240px; height: 72px; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:space-between; justify-content:space-between;margin: 45px auto 0;}
.index-reservation-content li{width: 160px; height: 70px; border: 1px solid #e5e5e5; padding: 15px 20px; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-content:center; align-content:center; -webkit-align-items:center; align-items:center; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; cursor: pointer;}
.index-reservation-content li i{background: url(../img/icon.png); }
.index-reservation-content li h5{width: 60px; color: #8a8a8a; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}
.index-reservation-content a:nth-child(1) li i{width: 36px; height: 34px; background-position: 0 -383px;}
.index-reservation-content a:nth-child(2) li i{width: 34px; height: 34px; background-position: 0 -856px;}
.index-reservation-content a:nth-child(3) li i{width: 28px; height: 33px; background-position: 0 -621px;}
.index-reservation-content a:nth-child(4) li i{width: 35px; height: 33px; background-position: 0 -699px;}
.index-reservation-content a:nth-child(5) li i{width: 30px; height: 33px; background-position: 0 -777px;}
.index-reservation-content a:nth-child(6) li i{width: 34px; height: 34px; background-position: 0 -541px;}
.index-reservation-content a:nth-child(7) li i{width: 32px; height: 35px; background-position: 0 -460px;}
.index-reservation-content .active{ border-color: #f08200; box-shadow: 0 0 20px #f08200;}
.index-reservation-content a:nth-child(1) .active i{background-position: 0 -422px;}
.index-reservation-content a:nth-child(2) .active i{background-position: 0 -895px;}
.index-reservation-content a:nth-child(3) .active i{background-position: 0 -659px;}
.index-reservation-content a:nth-child(4) .active i{background-position: 0 -738px;}
.index-reservation-content a:nth-child(5) .active i{background-position: 0 -816px;}
.index-reservation-content a:nth-child(6) .active i{background-position: 0 -581px;}
.index-reservation-content a:nth-child(7) .active i{background-position: 0 -500px;}
.index-reservation-content .active h5{color: #c79e68;}

/*底部*/
footer{width: 100%;height: 405px;background-image: url(../img/bottom.jpg);background-position: top center;background-repeat: no-repeat;background-size: cover;}
footer *{color: #fff;}
footer .footer-content{width: 1240px;height: auto;margin: 0 auto;flex-direction: column;}
footer .footer-content .footer-content-top{margin-top: 70px;}
footer .footer-content .footer-content-top .content-top-left{border-right: 1px solid rgba(255,255,255,0.6);padding:0 20px;min-width: 335px;}
footer .footer-content .footer-content-top .content-top-left ul{margin-right: 38px;}
footer .footer-content .footer-content-top .content-top-left ul li:nth-child(1){font-size: 14px;color: #fff;margin-bottom: 20px;}
footer .footer-content .footer-content-top .content-top-left ul li:nth-child(1) a{color: #fff;}
footer .footer-content .footer-content-top .content-top-left ul li{margin-bottom: 6px;}
footer .footer-content .footer-content-top .content-top-left ul li a:hover{text-decoration: underline;color: #fff;}
footer .footer-content .footer-content-top .content-top-left ul li a{font-size: 12px;color: #b6b6b6;margin-bottom: 8px;}
footer .footer-content .footer-content-top .content-top-middle{border-right: 1px solid rgba(255,255,255,0.6);padding:0 40px;width: 435px;justify-content: space-around;}
footer .footer-content .footer-content-top .content-top-middle ul li:nth-child(1){font-size: 14px;color: #fff;margin-bottom: 10px;}
footer .footer-content .footer-content-top .content-top-middle ul li:nth-child(2){font-size: 22px;color: #fff;margin-bottom: 11px;}
footer .footer-content .footer-content-top .content-top-middle ul li:nth-child(3){font-size: 14px;color: #b2b2b2;margin-bottom: 5px;}
footer .footer-content .footer-content-top .content-top-middle ul li:nth-child(4){font-size: 14px;color: #b2b2b2;margin-bottom: 5px;}
footer .footer-content .footer-content-top .content-top-middle ul li:nth-child(5){font-size: 14px;color: #b2b2b2;}
footer .footer-content .footer-content-top  .content-top-right{margin-left: 70px;padding-top: 10px;}
footer .footer-content .footer-content-top  .content-top-right>div{width: 99px;height: auto;margin-right: 30px;}
footer .footer-content .footer-content-top  .content-top-right>div img{width: 99px;height: 99px;border-radius: 5px;}
footer .footer-content .footer-content-top  .content-top-right>div p{font-size: 12px;text-align: center;margin-top: 7px;}
footer .footer-content .footer-content-bottom{padding: 0 20px;margin-top: 53px;}
footer .footer-content .footer-content-bottom h3{font-size: 14px;color: #fff;margin-bottom: 5px;}
footer .footer-content .footer-content-bottom ul{flex-wrap: wrap;}
footer .footer-content .footer-content-bottom ul li{margin-right: 8px;margin-bottom: 7px;}
footer .footer-content .footer-content-bottom ul li a{font-size: 12px;color: #b6b6b6;}
footer .footer-content .footer-content-bottom ul li a:hover{text-decoration: underline;color: #fff;}
.footer{width: 100%;height: 55px;text-align: center;line-height: 55px;font-size: 12px;color: #fff;background-color: #000;}

/*右边悬浮*/
.left-box{width: 80px;height: 405px;position: fixed;top: 180px;right: 100px;flex-direction: column;z-index: -1;background-color: #fff;box-shadow: 0 5px 10px #d2d0d0;opacity: 0;transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}
.left-box div,.left-box>a{width: 80px;height: 81px;border-bottom: 1px solid #f1f1f1;font-size: 14px;color: #f08200;text-align: center;padding-top: 48px;cursor: pointer;}
.left-box div:hover,.left-box>a:hover{background-color: #f08200;color: #fff;}
.left-box a:nth-child(1){background-image: url(../img/icon-1b.png);background-position: center;background-repeat: no-repeat;background-size: 23px 25px;background-position-y: 16px;}
.left-box a:nth-child(1):hover{background-image: url(../img/icon-1.png);}
.left-box div:nth-child(2){background-image: url(../img/icon-2.png);background-position: center;background-repeat: no-repeat;background-size: 23px 25px;background-position-y: 16px;}
.left-box div:nth-child(2):hover{background-image: url(../img/icon-2b.png);}
.left-box div:nth-child(3){background-image: url(../img/icon-3b.png);background-position: center;background-repeat: no-repeat;background-size: 23px 25px;background-position-y: 16px;}
.left-box div:nth-child(3):hover{background-image: url(../img/icon-3.png);}
.left-box a:nth-child(4){display: block;background-image: url(../img/icon-4b.png);background-position: center;background-repeat: no-repeat;background-size: 23px 25px;background-position-y: 16px;}
.left-box a:nth-child(4):hover{background-image: url(../img/icon-4.png);}
.left-box div:nth-child(5){border: 0;background-image: url(../img/icon-5b.png);background-position: center;background-repeat: no-repeat;background-size: 23px 25px;background-position-y: 16px;}
.left-box div:nth-child(5):hover{background-image: url(../img/icon-5.png);}
.left-box .left-box-ewm{width: 0;height: 170px;background-color: #f1f1f1;position: absolute;top: 115px;right: 100px;background-position:center;background-repeat: no-repeat;background-size: 150px 150px !important;transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}
.left-box .left-box-ewm img{width: 10px;height: 23px;position: absolute;top: 75px;right: -10px;}
/*底部浮窗*/
.bottom-box{width: 100%;height: 186px;background-image: url(../img/bottom.png);background-repeat: no-repeat;background-size: 100% 150px;background-position: bottom;position: fixed;bottom: -150px;left: 0;z-index: 999;transition: bottom .5s; -moz-transition: bottom .5s; -webkit-transition: bottom .5s; -o-transition: bottom .5s;}
.bottom-box .bottom-center{width: 1240px;height: 186px;margin: 0 auto;background-image: url(../img/bottom1.png);background-repeat: no-repeat;background-size: 100% 186px;}
.bottom-box .bottom-center .bottom-center-form{width: 648px;height: 100px;display: flex;display: -webkit-flex;flex-wrap: wrap;margin-top: 61px;margin-left: 216px;position: relative;}
.bottom-box .bottom-center .bottom-center-form .input{width: 313px;height: 45px;font-size: 14px;color: #1b1b1b;padding-left: 20px;line-height: 45px;margin-right: 10px;margin-bottom: 10px;}
.bottom-box .bottom-center .bottom-center-form .input input{width: 223px;height: 45px;border: 0;background: none;}
.bottom-box .bottom-center .bottom-center-form .submit{width: 249px;height: 100px;position: absolute;right: -249px;}
.bottom-box .bottom-center .close{width: 680px;height: 36px;position: absolute;top: 0;left: 620px;cursor: pointer;}
.bottom-box .bottom-center .close span{display: block;margin-left: 465px;margin-top: 18px;width: 18px;height: 16px;}
.bottom-box .bottom-center .close span.active{margin-top: 0px;}
.bottom-box .bottom-center .close span .up{width: 18px;height: 16px;animation:up 1s ease-in infinite;-moz-animation:up 1s ease-in infinite;-webkit-animation:up 1s ease-in infinite;}
.bottom-box .bottom-center .close span .down{width: 18px;height: 16px;animation:down 1s ease-in infinite;-moz-animation:down 1s ease-in infinite;-webkit-animation:down 1s ease-in infinite;}
@keyframes up{
    0%{transform:translateY(0);opacity:0}
    50%{transform:translateY(-10px);opacity:1}
    100%{transform:translateY(-20px);opacity:0}
}
@-webkit-keyframes up{
    0%{-webkit-transform:translateY(0);opacity:0}
    50%{-webkit-transform:translateY(-10px);opacity:1}
    100%{-webkit-transform:translateY(-20px);opacity:0}
}
@keyframes down{
    0%{transform:translateY(0);opacity:0}
    50%{transform:translateY(10px);opacity:1}
    100%{transform:translateY(20px);opacity:0}
}
@-webkit-keyframes down{
    0%{-webkit-transform:translateY(0);opacity:0}
    50%{-webkit-transform:translateY(10px);opacity:1}
    100%{-webkit-transform:translateY(20px);opacity:0}
}

/*案例列表页*/
.caselist{width: 100%;height: auto;background: #f3f3f3;flex-direction: column;}
.caselist .banner{width: 100%;height: 350px;}
.caselist .banner img{width: 100%;height: 100%;}
.caselist .locationBox{width: 100%;background-color: #fff;}
.caselist .location{width: 1240px;margin: 28px auto 18px;}
.caselist .location a{font-size: 14px;color: #3e3e3e;}
.caselist .location a:last-child{color: #f08200;}
.caselist .ge{width: 100%;height: 10px;background-color: #f3f3f3;margin: 30px 0;}
.case-filter-container{width: 100%; height: auto; background: #fff; }
.case-filter-center{width: 100%; height: 100%; padding: 20px 0;}
.case-filter-center ul{width: 1240px; height: auto; margin: 0 auto;}
.case-filter-center ul li{width: 100%; height: auto; border-bottom: 1px solid #f1f1f1; padding: 10px 20px; font-size: 14px; color: #363636; display: flex; display: -webkit-flex; display: -ms-flex; }
.case-filter-center ul li span{display: flex;display: -webkit-flex;align-items: center; width: 120px; }
.case-filter-center ul li dl{flex-wrap: wrap;width: 100%; height: auto; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-align-items:center; align-items:center;}
.case-filter-center ul li dl dd{margin-right: 10px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; height: 30px; padding: 0 15px; line-height: 30px; cursor: pointer;border-radius: 15px;}
.case-filter-center ul li dl dd.active{background: #f08200; color: #fff; border-radius: 15px;}
.case-filter-search{width: 1240px; margin: 0 auto; height: 42px; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:space-between; justify-content:space-between;padding-right: 60px;}
.case-filter-search div{display: flex; display: -webkit-flex; display: -ms-flex;}
.case-filter-search>div>button{width: 100px; height: 40px; border: 1px solid #dcdcdc; background: #fff; margin-right: 20px; font-size: 14px; cursor: pointer; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}
.case-filter-search>div>button i{font-size: 15px; vertical-align: top; margin-left: 6px;}
.case-filter-search>div>button.active{color: #f08200; border-color: #f08200; }
.case-filter-search>div>button.active i{transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); vertical-align: middle;}
.case-filter-search>div div{width: 390px; height: 40px; }
.case-filter-search>div div input{width: 300px; height: 40px; border: 1px solid #dcdcdc; font-size: 14px; text-indent: 20px;}
.case-filter-search>div div button{width: 90px; height: 40px; background: #f08200; color: #fff; border: 1px solid #dcdcdc; font-size: 14px; cursor: pointer;}
.case-filter-search h4{line-height: 40px;}
.case-filter-search h4 span{font-size: 20px; color: #f08200;}
.case-lists-container{width: 100%; height: auto; background: #f4f4f4; padding: 40px 0 0;}
.case-lists-container ul{width: 1240px; height: auto; margin: 0 auto; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; justify-content:space-between;}
.case-lists-container ul a{display: block; }
.case-lists-container ul li{width: 610px; height: 480px; margin-bottom: 40px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}
.case-lists-container ul li .case-headimg{width: 100%; height: 370px; background-size: cover; background-position: center center;position: relative;}
.case-lists-container ul li .case-headimgcover{position: absolute;width: 100%;height: 100%;background-color: rgba(000,000,000,0.5);background-image: url(../img/caselit2.png);background-position: center;background-repeat: no-repeat;background-size: 22px 22px;background-position-y: 96px;opacity: 0;ransition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}
.case-lists-container ul li:hover .case-headimgcover{opacity: 1;}
.case-lists-container ul li .case-headimgcover span{display: block;color: #fff;font-size: 14px;margin-top: 135px;text-align: center;}
.case-lists-container ul li .case-info{background: #fff; height: auto; }
.case-lists-container ul li .case-info h5{width: 100%; height: 55px; padding: 0 40px; line-height: 55px; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center;}
.case-lists-container ul li .case-info h5 span{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 100%}
.case-lists-container ul li .case-info h5:first-child{border-bottom: 1px solid #f4f4f4; }
.case-lists-container ul li .case-info h5 i{background: url(http://image.shj.cn:8888/static/pcweb/images/icon.png); background-position: 0 -1057px; width: 18px; height: 18px;}
.case-lists-container ul li .case-info h5 div img{width: 30px; height: 30px; margin-right: 13px; vertical-align: middle; border-radius: 50%;}
.case-lists-container ul li .case-info h5>span:nth-child(2){color: #737373;}
.case-lists-container ul li:hover{box-shadow: 0 0 30px #d2d0d0;}
.case-lists-container{width: 100%; height: auto; background: #f4f4f4; padding: 40px 0 0;}
.case-lists-container ul{width: 1240px; height: auto; margin: 0 auto; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between;}
.case-lists-container ul a{display: block; }
.case-lists-container ul li{width: 610px; height: 480px; margin-bottom: 40px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}
.case-lists-container ul li .case-headimg{width: 100%; height: 370px; background-size: cover; background-position: center center;}
.case-lists-container ul li .case-info{background: #fff; height: auto; }
.case-lists-container ul li .case-info h5{width: 100%; height: 55px; padding: 0 40px; line-height: 55px; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center;}
.case-lists-container ul li .case-info h5 span{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 100%}
.case-lists-container ul li .case-info h5:first-child{border-bottom: 1px solid #f4f4f4; }
.case-lists-container ul li .case-info h5 i{background: url(http://image.shj.cn:8888/static/pcweb/images/icon.png); background-position: 0 -1057px; width: 18px; height: 18px;}
.case-lists-container ul li .case-info h5 div img{width: 30px; height: 30px; margin-right: 13px; vertical-align: middle; border-radius: 50%;}
.case-lists-container ul li .case-info h5>span:nth-child(2){color: #737373;}
.case-lists-container ul li:hover{box-shadow: 0 0 30px #d2d0d0;}
.case-lists-container.general-case ul{width: 1240px; height: auto; margin: 0 auto; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content: flex-start; justify-content: flex-start;}
.case-lists-container.general-case ul li{width: 400px; height: auto; margin-bottom: 40px; margin-right: 20px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; background: #fff;}
.case-lists-container.general-case ul li:nth-child(3n){margin-right: 0;}
.case-lists-container.general-case ul li .case-headimg{width: 100%; height: 250px; background-size: cover; background-position: center center;position: relative;}
.case-lists-container.general-case ul li .case-headimg .icon_js{display: inline-block;width: 117px;height: 43px;position: absolute;top: 22px;right: 25px;background-image:url(http://image.shj.cn:8888/static/pcweb/images/twojs.gif);}
.case-lists-container.general-case ul li .designer-info-wrap .case-buildName{font-size: 16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.case-lists-container.general-case ul li .designer-info-wrap .case-type-info{font-size: 14px; color: #575757; margin-top: 4px;}
.case-lists-container.general-case ul li .case-designer-wrap{width: 100%; height: 70px; padding: 0 20px; display: flex; display: -webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center; -webkit-align-content:center; align-content:center;}
.case-lists-container.general-case ul li .case-designer-wrap .designer-info-wrap{display: flex; display: -webkit-flex; -webkit-align-content:center; align-content:center;}
.case-lists-container.general-case ul li .case-designer-wrap .designer-info-wrap .designer-heading{width: 45px; height: 45px; background-size: cover; background-position: top center; margin-right: 16px;}
.case-lists-container.general-case ul li .case-designer-wrap .designer-info-wrap .designer-info .name{font-size: 16px;}
.case-lists-container.general-case ul li .case-designer-wrap .designer-info-wrap .designer-info .caeer{font-size: 14px; color: #575757; margin-top: 4px;}
.case-lists-container.general-case ul li .case-designer-wrap .popup-btn{width: 120px; height: 40px; text-align: center; line-height: 40px; border-radius: 8px; background: #f08200; color: #fff; font-size: 14px; cursor: pointer;}
.case-lists-container.general-case ul li:hover{box-shadow: 0 0 30px #d2d0d0;}
.login-more{width: 1240px;height: 60px;margin: 0 auto;background-color: #fff;margin-bottom: 40px;font-size: 14px;color: #000;text-align: center;line-height: 60px;cursor: pointer;}

/*设计师列表页*/
.sjs-filter-container{padding-bottom: 30px;}
.sjs-list{width: 1240px;height: auto;margin: 30px auto;justify-content: flex-start;flex-wrap: wrap;}
.sjs-list li{width: 295px;height: auto;margin-bottom: 20px;margin-right: 20px;}
.sjs-list li:nth-child(4n){margin-right: 0;}
.sjs-list  li:hover{box-shadow: 0 0 30px #d2d0d0;}
.sjs-list li .sjs-headimg{width: 295px;height: 295px;background-size: cover; background-position: top center;position: relative;}
.sjs-list li .sjs-headimgcover{position: absolute;width: 100%;height: 100%;background-color: rgba(000,000,000,0.5);background-image: url(../img/caselit2.png);background-position: center;background-repeat: no-repeat;background-size: 22px 22px;background-position-y: 96px;opacity: 0;ransition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}
.sjs-list li:hover .sjs-headimgcover{opacity: 1;}
.sjs-list li .sjs-headimgcover span{display: block;color: #fff;font-size: 14px;margin-top: 135px;text-align: center;}
.sjs-list li .sjs-msg{display: flex;display: -webkit-flex;justify-content: space-between;padding: 21px 30px;background-color: #fff;border-bottom: 1px solid #f2f2f2;}
.sjs-list li .sjs-msg .sjs-msg-left h3{font-size: 16px;color: #000;}
.sjs-list li .sjs-msg .sjs-msg-left p{font-size: 14px;color: #575757;margin-top: 2px;}
.sjs-list li .sjs-msg .button{width: 100px;height: 40px;border-radius: 3px;text-align: center;line-height: 40px;background-color: #f08200;color: #fff;cursor: pointer;font-size: 14px;}
.sjs-list li .sjs-style{padding: 20px 30px;font-size: 14px;color: #575757;height: 59px;background-color: #fff;white-space:nowrap; width: 100%; overflow: hidden;text-overflow:ellipsis;}

/*文章列表页*/
.article-content{width: 1240px;height: auto;justify-content: space-between;margin: 0 auto 20px;}
.article-content .article-list{width: 940px;height: auto;}
.article-content .article-list-banner{width: 100%;height: 330px;margin-bottom: 30px}
.article-content .article-list-banner .swiper-pagination-bullet{width: 30px; height: 4px; background: #fff; border-radius: 0;}
.article-content .article-list li{padding: 20px;background-color: #fff;display: flex;justify-content: space-between;cursor: pointer;margin-bottom: 20px;}
.article-content .article-list li a{display: flex;justify-content: space-between;width: 100%;height: 100%}
.article-content .article-list li:hover{box-shadow: 0 0 30px #d2d0d0;}
.article-content .article-list li .headimg{width: 364px;height: 227px;background-position: top center;background-size: cover;}
.article-content .article-list li .list-msg{width: 505px;height: auto;}
.article-content .article-list li .list-msg h3{font-size: 16px;color: #000;padding-top: 17px;white-space:nowrap; width: 100%; overflow: hidden;text-overflow:ellipsis;}
.article-content .article-list li .list-msg p.desc{font-size: 14px;color: #6c6c6c;margin-top: 11px;width:100%;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.article-content .article-list li .list-msg p.college{font-size: 14px;color: #6c6c6c;margin-top: 28px;}
.article-content .article-list li .list-msg p.college span{margin-right: 15px;}
.article-content .article-list li .list-msg .button{width: 120px;height: 30px;border: 1px solid #dcdcdc;line-height: 30px;font-size: 12px;color: #000;padding-left: 22px;background-image: url(../img/listright1.png);background-position: right;background-repeat: no-repeat;background-size: 18px 10px;background-position-x: 80px;margin-top: 26px;}
.article-content .article-list li:hover .list-msg .button{border: 1px solid #f08200;background-color: #f08200;background-image: url(../img/listright2.png);color: #fff;}
.article-content .article-right{width: 280px;height: auto;}
.article-content .article-right .right-form{padding: 20px 20px 30px;background-color: #fff;}
.article-content .article-right .right-form h3{font-size: 18px;color: #333;}
.article-content .article-right .right-form p{width: 30px;height: 1px;background-color: #d1d1d1;margin: 10px auto 20px;}
.article-content .article-right .right-form input{width: 100%;height: 45px;background-color: #f3f3f3;border: 0;margin-bottom: 10px;padding-left: 20px;font-size: 14px;color: #666;}
.article-content .article-right .right-form .submit{width: 100%;height: 45px;background-color: #f08200;text-align: center;line-height: 45px;font-size: 14px;color: #fff;cursor: pointer;margin-top: 10px;}
.article-right .right-list{margin-top: 10px;padding: 20px 0 20px 20px;background-color: #fff;}
.article-right .right-list h3{width: 100%;justify-content: space-between;align-items: flex-end;padding-right: 30px;}
.article-right .right-list h3 span{font-size: 16px;color: #000;}
.article-right .right-list h3 a{font-size: 12px;color: #000;}
.article-right .right-list ul{width: 100%;margin-top: 18px;}
.article-right .right-list ul li{display: flex;display: -webkit-flex;justify-content: space-between;width: 100%;border-bottom: 1px solid #f9f5e9;padding-bottom: 10px;margin-bottom: 10px;cursor: pointer;}
.article-right .right-list ul li:hover .desc{color: #f08200;}
.article-right .right-list ul li:last-child{margin-bottom: 0;border: 0;}
.article-right .right-list ul li .headimg{width: 108px;height: 75px;background-position: center;background-size: cover;}
.article-right .right-list ul li .desc{font-size: 14px;color: #333;padding-top: 15px;width: 115px;margin-right: 20px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height: 25px;height: 60px;}
.article-more{width: 1240px;margin: 0 auto 40px;}
.article-more .login-more{width: 940px;margin:0;}

/*项目经理列表页*/
.manage-list{margin-top: 10px;}
.manage-list li .manage-style{padding: 20px 50px 20px 30px;font-size: 14px;color: #575757;height: 59px;background-color: #fff;width: 100%;justify-content: space-between;}

/*工地列表页*/
.site-filter-center{padding-bottom: 50px;}
.article-content .site-list{margin-top: 20px;}
.article-content .site-list li .list-msg h3{font-size: 20px;padding-top: 10px;}
.article-content .site-list li .list-msg p.city{font-size: 14px;color: #6c6c6c;margin-top: 11px;width:100%;}
.article-content .site-list li .list-msg p.desc{font-size: 14px;color: #6c6c6c;margin-top: 11px;width:100%;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.article-content .site-list li .list-msg p.college{margin-top: 18px;}
.article-content .site-right{margin-top: 20px;}
.article-content .site-right .right-form h3{justify-content: center;}
.article-content .site-right .right-form h3 span{color: #f08200;}

/*案例内容页*/
.caselist .content{width: 1240px;height: auto;justify-content: space-between;margin: 0 auto 53px;}
.caselist .content .content-left{width: 940px;height: auto;}
.caselist .content .content-left>.head{width: 100%;height: auto;margin: 0 auto 10px;background-color: #fff;}
.caselist .content .content-left>.head .top{padding: 31px 40px;border-bottom: 1px solid #f8f8f8;}
.caselist .content .content-left>.head .top h3{font-size: 26px;color: #444;width: 75%;}
.caselist .content .content-left>.head .top p{font-size: 14px;color: #9a9a98;margin-top: 10px;}
.caselist .content .content-left>.head .top p span{margin-right: 18px;}
.caselist .content .content-left>.head .top .button{width: 190px;height: 45px;text-align: center;line-height: 45px;font-size: 14px;color: #fff;background-color: #f08200;border-radius: 5px;top: 45px;right: 40px;cursor: pointer;}
.caselist .content .content-left>.head .bottom{padding: 27px 60px;}
.caselist .content .content-left>.head .bottom>div{justify-content: space-between;border-bottom: 1px solid #f8f8f8;width: 100%;padding-bottom: 18px}
.caselist .content .content-left>.head .bottom>div:last-child{border: 0;margin-top: 18px;padding-bottom: 0;}
.caselist .content .content-left>.head .bottom>div p{text-align: center;}
.caselist .content .content-left>.head .bottom>div>div{width: 30%}
.caselist .content .content-left>.head .bottom>div .desc{font-size: 18px;color: #000;}
.caselist .content .content-left>.head .bottom>div .name{font-size: 14px;color: #9fa19f;margin-top: 8px;}
.caselist .content .content-left .contents {border-bottom: 1px solid #f7f7f7;}
.caselist .content .content-left .contents .head{padding: 20px 44px;background-color: #fff;font-size: 14px;color: #000;border-bottom: 1px solid #f7f7f7;}
.caselist .content .content-left .contents .head div{margin-right: 50px;cursor: pointer;}
.caselist .content .content-left .contents .head div.active{color: #f08200;}
.caselist .content .content-left .contents .content-tab{padding: 40px;background-color: #fff;padding-bottom: 0;}
.caselist .content .content-left .contents .content-tab .case-box{width: 100%;height: auto;}
.caselist .content .content-left .contents .content-tab .case-box img{width: 100%;height: auto;}
.caselist .content .content-left .contents .content-tab .case-box p{font-size: 14px;color: #313131;text-align: center;padding: 25px 0;}
.caselist .content .content-left .content-form{width: 100%;background-color: #fff;padding: 25px 40px 35px;border-bottom: 1px solid #f7f7f7;}
.caselist .content .content-left .content-form h3{font-size: 20px;font-weight: bold;color: #000;}
.caselist .content .content-left .content-form .form{justify-content: space-between;margin-top: 16px;}
.caselist .content .content-left .content-form .form input{height: 45px;border: 1px solid #e5e5e5;border-radius: 4px;padding-left: 20px;font-size: 14px;color: #202020;}
.caselist .content .content-left .content-form .form input.name{width: 180px;}
.caselist .content .content-left .content-form .form input.tel{width: 476px;}
.caselist .content .content-left .content-form .form .submit{width: 190px;text-align: center;line-height: 45px;height: 45px;background-color: #f08200;border-radius: 4px;font-size: 14px;color: #fff;}
.caselist .content .content-left .pages{background-color: #fff;padding: 28px 40px 32px;justify-content: space-between;}
.caselist .content .content-left .pages span{font-size: 14px;color: #747474;}
.caselist .content .content-left .pages span a{font-size: 14px;color: #000;}
.caselist .content .content-left .pages span:hover a{color: #f08200;}
.caselist .content .content-right{width: 270px;}
.caselist .content .content-right .right-sjs{width: 100%;height: auto;padding: 20px 20px 0;background-color: #fff;}
.caselist .content .content-right .right-sjs h3{font-size: 24px;color: #333;}
.caselist .content .content-right .right-sjs>p{width: 30px;height: 1px;background-color: #d1d1d1;margin-top: 8px;}
.caselist .content .content-right .right-sjs .headimg{width: 230px;height: 230px;background-position: center;background-repeat: no-repeat;background-size: cover;margin-top: 20px;}
.caselist .content .content-right .right-sjs .headimg a{display: block;width: 100%;height: 100%}
.caselist .content .content-right .right-sjs .box{justify-content: space-between;padding-top: 17px;padding-bottom: 40px;}
.caselist .content .content-right .right-sjs .box .left{width: 100px;height: auto;}
.caselist .content .content-right .right-sjs .box .left .name{font-size: 18px;margin-top: 0;}
.caselist .content .content-right .right-sjs .box .left p{font-size: 12px;color: #333;margin-top: 8px;}
.caselist .content .content-right .right-sjs .box .left p.desc{text-decoration: underline;margin-top: 3px;}
.caselist .content .content-right .right-sjs .box .left p span{color: #d90b19;font-size: 14px;}
.caselist .content .content-right .right-sjs .box .right{width: 110px;height: auto;}
.caselist .content .content-right .right-sjs .box .right .button{width: 100%;height: 32px;text-align: center;line-height: 32px;font-size: 12px;color: #353535;border: 1px solid #dcdcdc;cursor: pointer;}
.caselist .content .content-right .right-sjs .box .right .buttons{margin-bottom: 10px;background-color: #f08200;color: #fff;border: 0;}

/*设计师内容页*/
.sjs-content-banner{width: 100%;height: 570px;background-position: center;background-size: cover;margin-bottom: 20px;}
.sjs-content-banner .location a{color: #fff !important;}
.sjs-content-banner .location{color: #fff}
.sjs-content-banner .sjs-content-msg{width: 1240px;height: auto;padding: 20px;background-color: #fff;margin: 0 auto;}
.sjs-content-banner .sjs-content-msg .sjs-content-headimg{width: 380px;height: 380px;background-position: top center;background-size: cover;margin-right: 66px;}
.sjs-content-banner .sjs-content-msg  .sjs-content-desc{width: 440px;height: auto;}
.sjs-content-banner .sjs-content-msg  .sjs-content-desc h3{font-size: 28px;color: #000;padding-top: 16px;}
.sjs-content-banner .sjs-content-msg  .sjs-content-desc p{font-size: 14px;color: #000;margin-top: 20px;}
.sjs-content-banner .sjs-content-msg  .sjs-content-desc .post{margin-top: 3px;}
.sjs-content-banner .sjs-content-msg  .sjs-content-desc .desc{margin-top: 30px;line-height: 25px;}
.sjs-content-banner .sjs-content-msg  .sjs-content-desc .line{width: 366px;height: 1px;background-color: #dedede;margin-top: 10px;}
.sjs-content-banner .sjs-content-msg  .sjs-content-desc .num{margin-top: 35px;}
.sjs-content-banner .sjs-content-msg .button{width: 120px;height: 35px;border-radius: 27px;text-align: center;line-height: 35px;background-color: #f3860f;color: #fff;top: 38px;right: 36px;font-size: 14px;cursor: pointer;}
.caselist .content .content-left .contents .content-tab-sjs{padding: 30px;}
.caselist .content .sjs-content-left{width: 950px;}
.caselist .content .content-left .contents .content-tab-sjs h4{font-size: 22px;color: #343434;margin-bottom: 30px;}
.caselist .content .content-left .contents .content-tab-sjs h4 span{font-size: 14px;color: #aaa;margin-left: 5px;}
.caselist .content .content-left .contents .content-tab-sjs ul{flex-wrap: wrap;justify-content: flex-start;}
.caselist .content .content-left .contents .content-tab-sjs ul li{width: 283px;height: auto;box-shadow: 0 0 10px rgba(210,208,208,0.7);cursor: pointer;margin-right: 20px;margin-bottom: 20px;}
.caselist .content .content-left .contents .content-tab-sjs ul li:nth-child(3n){margin-right: 0;}
.caselist .content .content-left .contents .content-tab-sjs ul li .headimg{width: 283px;height: 200px;background-position: center;background-size: cover;position: relative;}
.caselist .content .content-left .contents .content-tab-sjs ul li .headimg .sjs-headimgcover{position: absolute;width: 100%;height: 100%;background-color: rgba(000,000,000,0.5);background-image: url(../img/caselit2.png);background-position: top center;background-repeat: no-repeat;background-size: 22px 22px;background-position-y: 96px;opacity: 0;ransition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}
.caselist .content .content-left .contents .content-tab-sjs ul li:hover .headimg .sjs-headimgcover{opacity: 1;}
.caselist .content .content-left .contents .content-tab-sjs ul li .headimg .sjs-headimgcover span{display: block;color: #fff;font-size: 14px;margin-top: 135px;text-align: center;}
.caselist .content .content-left .contents .content-tab-sjs ul li .msg-box{padding: 20px;background-color: #fff;}
.caselist .content .content-left .contents .content-tab-sjs ul li .msg-box .sjs-headimg{width: 45px;height: 45px;margin-right: 22px;background-position: top center;background-size: cover;}
.caselist .content .content-left .contents .content-tab-sjs ul li .msg-box .msg h3{font-size: 16px;color: #000;}
.caselist .content .content-left .contents .content-tab-sjs ul li .msg-box .msg p{font-size: 12px;color: #575757;margin-top: 5px;}
.caselist .content .content-left .contents .content-tab-sjs ul li .msg-box .msg p span{margin-right: 15px;}
.caselist .content .sjs-right {width: 280px;}
.sjs-right .right-form{padding: 20px 20px 30px;background-color: #fff;}
.sjs-right .right-form h3{font-size: 18px;color: #333;}
.sjs-right .right-form p{width: 30px;height: 1px;background-color: #d1d1d1;margin: 10px auto 20px;}
.sjs-right .right-form input{width: 100%;height: 45px;background-color: #f3f3f3;border: 0;margin-bottom: 10px;padding-left: 20px;font-size: 14px;color: #666;}
.sjs-right .right-form .submit{width: 100%;height: 45px;background-color: #f08200;text-align: center;line-height: 45px;font-size: 14px;color: #fff;cursor: pointer;margin-top: 10px;}

/*百度分享*/
.bdsharebuttonbox{display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items:center; align-items:center;}
.bdshare-button-style0-32 a{width: 26px !important; height: 26px !important; background-image: url(http://image.shj.cn:8888/static/pcweb/images/icon.png) !important; }
.bdshare-button-style0-32 .bds_tsina{background-position: -1px -1088px !important;}
.bdshare-button-style0-32 .bds_qzone{background-position: -1px -1121px !important;}
.bdshare-button-style0-32 .bds_weixin{background-position: -1px -1154px !important;}

/*文章内容页*/
.caselist .content .content-left .article-content-box{background-color: #fff;}
.caselist .content .content-left .article-content-box .article-content-head{padding: 40px;border-bottom: 1px solid #f7f7f7;position: relative;}
.caselist .content .content-left .article-content-box .article-content-head h3{font-size: 26px;color: #444;}
.caselist .content .content-left .article-content-box .article-content-head p{font-size: 14px;color: #9a9a98;margin-top: 10px;}
.caselist .content .content-left .article-content-box .article-content-head p span{margin-right: 15px;}
.caselist .content .content-left .article-content-box .article-content-head .bdshare{position: absolute;top: 55px;right: 44px;}
.caselist .content .content-left .article-content-box .article-content-head .bdshare>div{align-items: center;}
.caselist .content .content-left .article-content-box .article-content-head .bdshare span{font-size: 12px;color: #9a9a98;}
.caselist .content .content-left .article-content-box .article-content-content{padding: 40px;}
.caselist .content .content-left .article-content-box .article-content-content img{width: auto;height: auto;margin: 0 auto;display: block;max-width: 100%}
.caselist .content .content-left .article-content-box .article-content-content p{font-size: 14px;color: #313131;line-height: 25px;}

/*项目经理内容页*/
.sjs-content-banner .sjs-content-msg .manage-content-desc p span:first-child{margin-right: 65px;}

/*在建工地内容页*/
.caselist .content .content-left>.head .top .bdshare{position: absolute;top: 55px;right: 44px;}
.caselist .content .content-left>.head .top .bdshare span{font-size: 12px;color: #9a9a98;}
.caselist .content .content-left .contents .content-tab-site p{font-size: 14px;color: #000;margin-bottom: 27px;line-height: 23px;}
.caselist .content .content-left .contents .content-tab-site img{width: 100%;height: auto;margin-bottom: 10px;}
.caselist .content .content-right .right-sjs .box-site{padding-bottom: 20px;}
.caselist .content .content-right .right-sjs .box-site .right-headimg{width: 100px;height: 100px;background-position: top center;background-size: cover;margin-right: 18px;}
.caselist .content .content-right .right-sjs .box-site .right-headimg a{display: block;width: 100%;height: 100%;}
.caselist .content .content-right .right-sjs .box-site .right-msg {padding-top: 10px;}
.caselist .content .content-right .right-sjs .box-site .right-msg p{font-size: 12px;color: #333;margin-bottom: 8px;}
.caselist .content .content-right .right-sjs .box-site .right-msg p.name{font-size: 14px;}
.caselist .content .content-right .right-sjs .box-site .right-msg p span{color: #d90b19;}
.caselist .content .content-right .right-sjs .box-site .right-msg .desc{text-decoration: underline;}

/*联系我们*/
.caselist .bd-map-box{width: 100%;height: 500px;background-color: #fff;}
.caselist .bd-map-box .bd-map{width: 1240px;height: 500px;margin: 0 auto;background-color: #f3f3f3;}
.caselist .contact-us{width: 100%;height: auto;background-color: #fff;padding-top: 63px;padding-bottom: 70px;}
.caselist .contact-us>h2{font-size: 35px;color: #000;text-align: center;}
.caselist .contact-us>p{font-size: 14px;color: #000;text-align: center;margin-top: 5px;}
.caselist .contact-us .addr-msg{width: 1240px;height: auto;margin: 80px auto 0;}
.caselist .contact-us .addr-msg>div{width: 25%;text-align: center;padding: 50px 50px 60px;position: relative;}
.caselist .contact-us .addr-msg>div img{width: auto;height: auto;position: absolute;top: 0;left: 41%;}
.caselist .contact-us .addr-msg>div h4{font-size: 18px;color: #000;font-weight: bold;margin-top: 38px;}
.caselist .contact-us .addr-msg>div p{font-size: 14px;color: #000;margin-top: 12px;}
.caselist .contact-us .button-contact{width: 447px;height: 72px;border-radius: 5px;text-align: center;line-height: 72px;color: #fff;background-color: #f08200;font-size: 18px;margin: 0 auto;cursor: pointer;}

.yuyue{width: 560px;height: 742.4px;background-size: 560px 742.4px;position: relative;}
.yuyue select{background: none;width: 237.6px;height: 66.4px;position: absolute;top: 305.6px;left:20px;font-size: 18px;color: #767676;border: 0;padding-left: 30px;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.yuyue #area{padding-left: 30px;background: none;width: 216px;height:66.4px;position: absolute;top: 305.6px;left: 272px;font-size: 18px;color: #767676;border:0;}
.yuyue #tel{width: 508px;height: 66.4px;padding-left: 30px;background: none;position: absolute;top: 391.2px;left: 20px;font-size: 18px;color: #767676;border:0;}
.yuyue .button{width: 508px;height: 66.4px;padding-left: 30px;background: none;position: absolute;top: 475px;left: 20px;}
.yuyue a{display: block;width: 200px;height: 30.4px;position: absolute;top: 556px;left: 40px}
.yuyue .close{width: 68px;height: 68px;position: absolute;top: 684px;left: 244px}
.yuyue img{width: 240px;height: 80px;position: absolute;top: 96px;left: 280px}
.yuyue p{position: absolute;top: 31px;left: 200px;font-size: 20px;color: #222;width: 150px;text-align: center;}
.toumin{background: none !important;box-shadow:none !important;}